/deep/ .u-icon__icon {
	font-size: 25rpx!important;
	top: -6rpx!important;
}
/deep/ .u-radio {
	width: 40rpx!important;
	float: none!important;
}
.circle{
	width: 30rpx;
	height: 30rpx;
	border: 4rpx solid #ddd;
	box-sizing: border-box;
}
.login {
    width: 100%;
    height: 100%;
    padding: 0 30rpx;
    box-sizing: border-box;
    position: fixed;

    .title {
        padding: 100rpx 0;

        p {
            font-size: 56rpx;
            font-weight: 550;
            line-height: 56rpx;
            color: #000;
        }
    }

    .input-box {
        .input {
			position: relative;
            padding: 24rpx 0 24rpx 0;
            overflow: hidden;

            p {
                font-size: 28rpx;
                color: #333;
                line-height: 28rpx;
            }
			.bottom{
				display: flex;
				justify-content: space-between;
				input {
					padding-top: 36rpx;
					font-size: 28rpx;
					color: #333;
					line-height: 24rpx;
					font-weight: 600;
				}
				.get_sms {
					position: absolute;
					top: 63rpx;
					right: 0;
					transform: translateX(35rpx);
				}
				.gray {
					position: absolute;
					right: 24rpx;
					top:75rpx;
				    span {
				        font-size: 28rpx;
				        line-height: 60rpx;
				        color: #999999;
						
				    }
				}
				.red{
					// padding: 40rpx 0 0 40rpx;
					font-size: 24rpx;
					color: #ff5445!important;
					line-height: 24rpx;
				}
			}

            .sms {
                display: flex;
                justify-content: space-between;

                .red {

                    span {
                        display: inline-block;
                        padding: 0 24rpx;
                        border-radius: 999px;
                        border: 1px solid rgba(255, 70, 66, 1);
                        line-height: 60rpx;
                        font-size: 28rpx;
                        color: #FF4642;
                    }
                }
            }
        }
    }

    .btn {
        padding: 40rpx 0;

        button {
            width: 100%;
            height: 96rpx;
            border: 0px;
            font-size: 32rpx;
            color: #fff;
            background-color: #FF4642;
            box-shadow: 0px 16rpx 16rpx 0px rgba(255, 0, 0, 0.12);
            border-radius: 16rpx;
        }
    }

    .agreement {
        white-space: nowrap;
        text-align: center;
		display: flex;
		justify-content: flex-start;
		.agreement_btn{
			padding-left: 20rpx;
			padding-top: 3rpx;
		}
        p {
			padding-top: 7rpx;
			padding-left: 15rpx;
            font-size: 24rpx;
            line-height: 24rpx;
            color: #999999;
        }

        .red {
            color: #FF4642;
        }
    }
	//微信快捷登入
	.login_bottom {
		position: relative;
		padding: 218rpx 0 112rpx 0;
		.bottom_top{
			.bottom_name{
				display: flex;
				justify-content: center;
				font-size: 28rpx;
				color: #999;
				line-height: 28rpx;
			}
			&:after {
			    content: '';
			    position: absolute;
			    left: 0;
				top: 46%;
			    width: 236rpx;
				transform: translateY(10%);
			    border: solid #F1F2F8 1rpx;
			}
			&::before {
				content: "";
				position: absolute;
				right: 0;
				top: 46%;
				transform: translateY(10%);
				width: 236rpx;
				border: solid #F1F2F8 1rpx;
			}
		}
		.bottom{		
			display: flex;
			justify-content: center;
			padding-top: 32rpx;
			image{
				width: 112rpx;
				height: 112rpx;
			}
		}
	}

    .ui-1px-b {
        position: relative;

        &:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 1px;
            background-color: #EEEEEE;
            /* 压缩宽度 */
            transform: scaleY(0.5);
        }
    }

    // 输错提示
    .hint {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 160rpx;

        span {
            display: inline-block;
            white-space: nowrap;
            color: #fff;
            background: rgba($color: #000000, $alpha: 0.5);
            font-size: 28rpx;
            line-height: 64rpx;
            padding: 0 24rpx;
            border-radius: 999px;
        }
    }
}